<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
		<title>
			<%= htmlWebpackPlugin.options.title %>
		</title>
		<link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/iconfont.css">
		<link rel="stylesheet" href="<%= BASE_URL %>cdn/element-ui/2.13.0/theme-chalk/index.<%= htmlWebpackPlugin.options.theme %>.css" />
		<link href="<%= BASE_URL %>cdn/syncfusion/dist/material.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="./config.js"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			html,
			body,
			#app {
				height: 100%;
				width: 100%;
				overflow: hidden;
			}

			.app-home {
				background-color: #778899;
				height: 100%;
				display: flex;
				flex-direction: column;
			}

			.app-home__main {
				user-select: none;
				width: 100%;
				flex-grow: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}

			.app-home__footer {
				width: 100%;
				flex-grow: 0;
				text-align: center;
				padding: 1em 0;
			}

			.app-home__footer>a {
				font-size: 12px;
				color: #ababab;
				text-decoration: none;
			}

			.app-home__loading {
				height: 32px;
				width: 32px;
				margin-bottom: 20px;
			}

			.app-home__title {
				color: #fff;
				font-size: 14px;
				margin-bottom: 10px;
			}

			.app-home__sub-title {
				color: #fff;
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<noscript>
			<strong>We're sorry but
				<%= htmlWebpackPlugin.options.title %> doesn't work
				properly without JavaScript enabled. Please enable it to
				continue.</strong>
		</noscript>
		<div id="app">
			<div class="app-home">
				<div class="app-home__main">
					<span class="app-home__loading">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="white">
							<path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4" />
							<path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z">
								<animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" />
							</path>
						</svg>
					</span>
					<div class="app-home__title">
						正在加载资源
					</div>
					<div class="app-home__sub-title">
						初次加载资源可能需要较多时间 请耐心等待
					</div>
				</div>
				<div class="app-home__footer">
				</div>
			</div>
		</div>
		<!-- built files will be auto injected -->
		<script type="text/javascript" src="<%= BASE_URL %>cdn/vue/2.6.11/vue.min.js"></script>
		<script src="<%= BASE_URL %>cdn/syncfusion/dist/ej2-vue.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/element-ui/2.13.0/index.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/echarts.min.4.8.0.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/vintage.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/dark.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/westeros.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/essos.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/wonderland.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/walden.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/chalk.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/infographic.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/macarons.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/roma.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/shine.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/purple-passion.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/echarts-wordcloud.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/charts/echarts-liquidfill.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/plugins/html2canvas.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/plugins/jspdf.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/numbro/numbro.min.js"></script>
		<script type="text/javascript" src="<%= BASE_URL %>cdn/numbro/zh-CN.js"></script>
	</body>

</html>
